@charset "utf-8";

*{margin:0;padding:0}

HTML {OVERFLOW-X: hidden;}

body{ font-family:"Microsoft Yahei", Arial; font-size:13px;line-height:30px;color:#666;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; }

a{color:#666; text-decoration:none;outline:none; /*transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;*/}

a:hover{color: #304398;text-decoration: none;}

ol,ul,li{list-style:none}





h1,h2,h3,h4,h5,h6{font-weight:normal}

.clear{ clear:both}

.clearfix{clear:both;zoom:1;}

.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}

.fl{float:left;}

.fr{float:right}

table{ border-collapse:collapse;}

img{ border:none;}

input,textarea,select,button{ outline:none;font-family:"Microsoft Yahei", Arial;}



.flex{display:-webkit-flex; display:flex; flex-wrap:wrap;align-items:flex-start;}





.wrap{ width:98%; max-width:1200px; margin:0 auto}

.section{ padding:40px 0 60px 0;}

.mbg{ background:#f4f4f4; }

.mbg02{ background:#304398}

.conn{ margin-top:45px;}





.header .logo{ float: left; width:25%; max-width:187px; height:auto}

.header .logo img{ display:block; width:100%; height:auto;} 



.header .menu{ float:right; width:75%}

.header .menu li{ float:left; width:14.2857%; min-width:68px; text-align:center; position:relative;}

.header .menu li .menu_a{ line-height: 40px; margin:15px 0; color: #666;font-size: 15px;font-weight: bold;text-decoration: none;padding-top: 0;display:block; width:100%; }

.header .menu li:hover .menu_a{ background-color:#304398; border-radius:25px; color:#fff; }



.header .menu li .sub{  position: absolute; display:none; clear:both; z-index:999; width:100%;background:#fff;box-shadow: 0 0 2px #ccc;}

.header .menu li .sub p a{ line-height:30px;border-bottom: #e4e4e4 1px solid;padding-right: 0;display: block;background: #fff;color: #666; display:block;}

.header .menu li .sub p a:hover{ background-color:#304398; color:#fff}





.pic{ overflow:hidden; }

.pic img{ width:100%; height:auto;cursor: pointer;transition: all 1.5s; display:block}

.pic:hover img{transform:scale(1.1);}





.pro-switch {overflow: hidden;width:100%;position: relative; height:80%}

.pro-switch .flexslider{ height:100%}

.pro-switch .flexslider .flex-viewport, .pro-switch .flexslider .flex-viewport .slides{ height:100%}

.pro-switch .flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; }



.flexslider .slides img {width: 100%;display: block; height:auto}

.flexslider .slides li a{display:block; width:100%; height:550px;}

.flexslider .slides li p{ margin-top:30px;}

.flexslider .slides li p a{ display:block; ; border: solid 2px #fff; color:#fff; line-height:40px; width:40px; width:165px; text-align:center;}



.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

html[xmlns] .slides {display: block;}

.no-js .slides > li:first-child {display: block;}

.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1}

.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}

.flexslider .slides {zoom: 1;}

.flex-direction-nav {*height: 0;}



.flex-direction-nav a {width: 65px;height: 84px;margin: -65px 0 0;display: block;position: absolute;top: 50%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}

.flex-direction-nav .flex-next {background-position:0 -84px;right:6%;}

.flex-direction-nav .flex-prev {left: 6%;}

.flexslider:hover .flex-next {opacity:0.2;filter:alpha(opacity=20);}

.flexslider:hover .flex-prev {opacity:0.2;filter:alpha(opacity=20);}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity:0.2;filter:alpha(opacity=20);}

.banner .flex-control-nav {width: 100%;position: absolute;bottom: 20px;text-align: center;}

.banner .flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}

.banner .flex-control-paging li a {display:block;height:18px;width:18px;overflow: hidden;text-indent:-99em;cursor: pointer; transition: all .3s ease; background:url(../images/ico1.png) no-repeat center center; }

.banner .flex-control-paging li a.flex-active {margin-top:0px;background:url(../images/ico2.png) no-repeat center center;}











.title{ text-align:center; }

.title h3{ font-size:28px; font-weight:bold; display:inline-block; margin:0 auto; position:relative; }

.title h3:after {content: '';height: 3px;background:#304398;display: block;margin: 15px auto; position:absolute; width:100%}

.title h3 span{ font-size:12px; color:#666; float:right !important; font-weight:normal}

.iabout .conn{ background:url(../images/logo.jpg) no-repeat left center; background-size:188px auto;  padding-left:220px; font-size: 16px; line-height:34px;}



.iabout .conn .teshu{ display:inline-block; font-size:24px; color:#304398; margin-right:3px;}



@media screen and (max-width: 1024px){

.iabout .conn{ padding-left:210px; font-size: 15px; line-height:30px;}

}

@media screen and (max-width: 920px){

.iabout .conn{background:none; padding-left:0; font-size: 14px; line-height:24px;}

.iabout .conn .teshu{ display:inline-block; font-size:14px; color:#304398; margin-right:0px;}

}



.iabout .conn img{ float:left; width:130px; height:auto; margin:0 10px 0px 0; display:none}

.iabout .more { margin-top:25px;}

.iabout .more a{ width:196px; line-height:48px;background:#304398; margin:0 auto; color:#fff; font-size:16px; text-align:center; display:block; border-radius:25px;}

.iabout .more a:hover{box-shadow: 0 0 5px #ccc;}





.iapp li{ text-align:center; width:33.33%; padding:60px 0 40px 0; float:left}

.iapp li .icon{ width:50%; max-width:142px; height:auto; margin:0 auto;-webkit-transition: -webkit-transform 1s,height 1s,width 1s;}

.iapp li .icon img{ display:block; width:100%; height:auto}

.iapp li .icon:hover{-webkit-transform: rotateY(-360deg);}

.iapp li .wenzi{font-size: 16px;font-weight: bold; margin-top:15px;}

.iapp li:hover .wenzi{ color:#304398;}



.iproducts ul { padding-top:10px;}

.iproducts li{ float:left; width:calc(25% - 13px); margin-right:19.5px;}

.iproducts li .pic{ margin-bottom:20px; height:376px; overflow:hidden;}

.iproducts li:nth-child(1) .pic{height:178px; overflow:hidden;}





@media screen and (max-width:1199px){

.iproducts li .pic{ height:350px;}

.iproducts li:nth-child(1) .pic{height:144px;}

}



@media screen and (max-width:1099px){

.iproducts li .pic{ height:304px;}

.iproducts li:nth-child(1) .pic{height:142px;}

}



@media screen and (max-width:920px){

.iproducts li .pic{ height:270px;}

.iproducts li:nth-child(1) .pic{height:125px;}

}



@media screen and (max-width:768px){

.iproducts li .pic{ height:220px;}

.iproducts li:nth-child(1) .pic{height:100px;}

}





@media screen and (max-width:640px){

.iproducts li .pic{ height:180px;}

.iproducts li:nth-child(1) .pic{height:80px;}

}



@media screen and (max-width:480px){

.iproducts li .pic{ height:150px;}

.iproducts li:nth-child(1) .pic{height:70px;}

}

@media screen and (max-width:420px){

.iproducts li .pic{ height:140px;}

.iproducts li:nth-child(1) .pic{height:55px;}

}

@media screen and (max-width:380px){

.iproducts li .pic{ height:114px;}

.iproducts li:nth-child(1) .pic{height:52px;}

}

@media screen and (max-width:320px){

.iproducts li .pic{ height:95px;}

.iproducts li:nth-child(1) .pic{height:42px;}

}

.iproducts li:nth-child(2){ width:calc(50% - 13px)}

.iproducts li:last-child{ margin-right:0; }





.inews .title h3{ color:#fff;}

.inews .title h3:after {background:#fff;}

.inews li{ float:left; width:32%; margin-right:2%;}

.inews li:last-child{ margin-right:0}

.inews li .pic img{ height:209px;}

.inews li .wpic{ width:calc(100% - 10px);padding:4px; border:solid 1px #ddd;margin-bottom:10px}

.inews li:hover .wpic{ background:#fff4ce; border:solid 1px #ff6600; }

.inews li a{ color:#fff; font-size:14px; line-height:24px;}

.inews li h3{ font-size:14px; font-weight:bold; margin-bottom:5px;}

.inews li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}





.footer{ padding:40px 0; background:#fcfcfc;border-top:solid 1px #e8e8e8;}

.footer .content {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;}

.footer ul {width: 100%;display:flex;display:-webkit-flex;justify-content : space-between;}

.footer li {color:#666;line-height:28px;display:inline-block;cursor:pointer;}

.footer h3{margin-bottom:5px; color: #304398;font-size: 15px;}

.footer h3 a{color: #304398; font-weight:bold}

.footer a{ color:#666;}

.footer a:hover{ color:#304398;}

.footer li img{ display:block; width:100px; height:auto}

.footer li:last-child{ text-align:center}





.copyright{ background:#f6f6f6; border-top:solid 1px #e8e8e8; padding:15px 0; line-height:24px;}

.copyright .cy_left{ float:left}

.copyright .cy_right{ float:right}





.nbanner{ position:relative}

.nbanner img{ display:block; width:100%; height:auto}



.nmain{ padding:20px 0 40px 0;}

.nmain .nleft{ float:left; width:20%; max-width:220px; text-align:center}
.nmain .nright{ float:right; width:calc(80% - 30px);}



.nmain .nleft .dabiao{line-height: 42px;color: #fff;font-size: 15px;font-weight: bold;background:#304398;}

.nmain .nleft .nconn p{ margin-top:2px; background: url(../images/dian.png) no-repeat #ebebeb 10% center;}

.nmain .nleft .nconn p a{ display:block; width:100%; line-height:40px; height:40px;}

.nmain .nleft .nconn p:hover, .nmain .nleft .nconn p.cur{ margin-top:2px; background: url(../images/dian02.png) no-repeat #304398 10% center;}

.nmain .nleft .nconn p a:hover,.nmain .nleft .nconn p.cur a { color:#fff}

.nmain .nleft .quite .kuai{ margin-top:10px;}

.nmain .nleft .quite .kuai img{ display:block; width:100%; height:auto}



.nmain .nright .location{ background: url(../images/top.png) no-repeat #ebebeb right center; padding:0 12px; line-height:42px;}

.nmain .nright .location span{ font-size:15px; float:right; display:block; width:100px; text-align:right; text-transform:uppercase}

.nmain .nright .location span a{ color:#fff}



.nmain .nright .nconn{ padding:10px 10px 70px 10px;}

.nmain .nright .nconn img{ display:block; width:auto; max-width:100%}

.nmain .nright .nconn .wenhua .kuai{ clear:both; background:#ebebeb; position:relative}

.nmain .nright .nconn .wenhua .kuai .pic{ float:left; width:auto; max-width:50%}

.nmain .nright .nconn .wenhua .kuai .wenzi{ line-height:30px; color:#333; float:left; padding:75px 30px 0 30px; max-width:calc(50% - 60px)}

.nmain .nright .nconn .wenhua .kuai .wenzi h3{ font-size:20px; line-height:35px;}

.nmain .nright .nconn .wenhua .kuai .wenzi h3:nth-child(2){ margin-top:10px;}

.nmain .nright .nconn .wenhua .kuai .wenzi p{ font-size:14px;}

.nmain .nright .nconn .wenhua .kuai:nth-child(2) .pic{ float:right;}





.nmain .nright .nconn .wenhua .kuai:last-child{ clear:both; margin-top:30px;background:#ebebeb}

.nmain .nright .nconn .wenhua .kuai:last-child .wenzi{padding:25px 30px 0 30px;}

.nmain .newslist .kuai{ margin-bottom:20px; clear:both}

.nmain .newslist .kuai .wpic{ float:left; width:calc(18% - 10px);padding:4px; border:solid 1px #ddd;}

.nmain .newslist .kuai .wenzi{ float:right; width:80%}

.nmain .newslist .kuai .wpic .pic{ height:85px;}
.nmain .newslist .kuai .wpic .pic img{ height:85px;width:100% !important}

.nmain .newslist .kuai:hover .wpic { background:#fff4ce; border:solid 1px #ff6600;}

.nmain .newslist .kuai a{ font-size:14px; line-height:24px;}

.nmain .newslist .kuai h3{ font-size:14px; font-weight:bold; margin-bottom:5px;}

.nmain .newslist .kuai p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden; color:#666}



.nmain .newsxiang .newstitle{ text-align:center; border-bottom:dashed 1px #ddd; padding-bottom:10px; margin-bottom:10px;}

.nmain .newsxiang .newstitle h3{ color:#333; font-size:14px; font-weight:bold}

.nmain .newsxiang .newstitle p{ color:#999}

.nmain .newsxiang .xiang{ line-height:28px;}

.nmain .nconn img{ display:block; width:auto; max-width:100%; margin:0px auto}

.nmain .newsxiang img{ margin:10px auto}



.nmain .shangxia{border-bottom:dashed 1px #ddd;border-top:dashed 1px #ddd; padding:10px 0; margin:10px 0;}

.liuyan { margin:30px auto;}

.liuyan .kuai{ margin-bottom:5px; line-height:25px;height:25px;}

.liuyan .kuai input, .liuyan .kuai textarea, .liuyan .kuai select{ border:solid 1px #999; width:200px; margin-right:20px;color:#666}

.liuyan .kuai .leibie{ float:left; width:15%; min-width:70px; height:25px; text-align:right;}

.liuyan .kuai .xing{ width:10px;height:25px; text-align:center; color:#ff6600; float:left}

.liuyan .kuai .input{ float:left; width:calc(83% - 20px); color:#999}

.liuyan .kuai .anniu{border-bottom: 0;text-align: center;border-left: 0;line-height: 31px;width: 80px;background: #304398;height: 31px;color: #fff;font-size: 14px;border-top: 0;cursor: pointer;font-weight: bold;border-right: 0;}


.nmain .nright .nconn  a img{ display:inline-block;width:auto; max-width:100%; margin:0 !important}



.nmain .lianxid{ background: url(../images/clianxi.jpg) no-repeat right center; background-size:50% auto; padding:50px 0}
.nmain .lianxid img{width:350px !important; max-width:100% !important; display:block; margin:0 !important}
.nmain .lianxid h3{ font-size:24px;}
.nmain .lianxid p{ font-size:18px; padding-left:35px; width:50%; margin-bottom:5px}
.nmain .lianxid p.add{ background: url(../images/cadd.jpg) no-repeat left 5px; background-size:20px auto;}
.nmain .lianxid p.mail{ background: url(../images/cmail.png) no-repeat left 5px; background-size:20px auto;}
.nmain .lianxid p span:nth-child(1){ float:left; width:70px;}
.nmain .lianxid p span:nth-child(2){ float:left; width:calc(100% - 70px);}